<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情</title>
    <link rel="stylesheet" href="course-details-one.css">
</head>
<body>
    <!-- 整个页面大盒子 -->
    <div class="web">
        <!-- 导航栏 -->
        <div class="wrap">
            <div class="wrap-content">
                <div class="wrap-content-left">
                    <div class="logo"><img src="img/logo.png" alt="" width="40px" height="40px"></div>
                    <div class="title-1">拉勾教育</div>
                    <div class="title-2">互联网人实战大学</div>
                </div>
                <!-- 导航栏分项 -->
                <div class="wrap-content-right">
                    <ul class="tab-list">
                        <li class="sec">选课</li>
                        <li class="sec">学习</li>
                        <li class="sec">企业培训</li>
                    </ul>
                    <!-- 登陆/注册 -->
                    <div class="login">
                        <div class="sign-up">登陆</div>
                        <div class="register">注册</div>
                        <div class="pic"><img src="img/register.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 整个网页内容 -->
        <div class="container-pc">
            <div class="nav-wrap">
                <p class="nav-content">1</p>
            </div>
           <div class="sale-container">
               <div class="part-top">
                   <div class="top-container">
                   <div class="top-pic">
                       <img src="https://s0.lgstatic.com/i/image6/M00/52/EB/CioPOWESZaKAI0wEAAcnoKL8CYM726.png" alt="">
                   </div>
                   <div class="top-right-container">
                       <div class="top-big-title">1</div>
                       <div class="top-small-title">1</div>
                       <div class="top-items">
                         <div class="top-item">1234</div>
                         <div class="top-item">1234</div>
                         <div class="top-item">1234</div>
                         <div style="clear:both;"></div>
                       </div>
                       <div class="top-price">
                           <div class="top-price-icon">￥</div>
                           <div class="top-price-value">1</div>
                       </div>
                       <div class="top-btns">
                           <div class="top-btn-one">1</div>
                           <div class="top-btn-two">
                               <div class="top-btn-two-attach">1</div>
                               <div class="top-btn-two-icon"></div>
                                <div class="top-btn-two-text">去分享</div>
                           </div>
                       </div>
                   </div>
                    <div style="clear:both;"></div>
                   </div>
                  
               </div>
               <div class="part-middle">
                   <div class="part-middle-text">详情</div>
               </div>
               <div class="part-bottom">
                 <h1>内容摘要</h1>
                 <p>面试</p>
                 <p>本质</p>
                 <h4>
                     <span class='h4-one'>本科目录</span>
                     <span class='h4-two'>思路导航</span>
                 </h4>
                 <p>类型</p>
                 <ul>
                     <li>1</li>
                     <li>2</li>
                     <li>3</li>
                 </ul>
                 <p>依赖</p>
                 <ul>
                     <li>1</li>
                     <li>2</li>
                     <li>3</li>
                 </ul>
                 <p>面试</p>
                 <h4>
                     <span class='h4-one'>本课核心图</span>
                 </h4>
                 <p class='p-pic'>
                     <img src="https://s0.lgstatic.com/i/image6/M01/52/EC/CioPOWEScJyAcnWvAAIa1_V6Uo8834.png" alt="">
                 </p>
                 <h1>讲师</h1>
                 <p>
                     <strong>鉴湘</strong>
                 </br>
                     <strong>创业公司</strong>
                 </p>
                 <p>10年</p>
                 <p><br></p>
                 <h1>8点一课</h1>
                 <p>栏目</p>
                 <p><br></p>
                 <h1>订阅须知</h1>
                 <p>
                 1</br>
                 2</br>
                 3</br>
                 4</br>
                 5</br>
               </p>
               </div>
           </div>
        </div>
        <div style="height: 60px;"></div>
        <div class="footer">  
            <div class="price-wrap">
                <div class="price-money">
                   <div class="price-money-one">拉勾上新</div>
                   <div class="price-money-two">￥</div>
                   <div class="price-money-three">1</div>
                </div>
                <div class="price-btn">
                    ￥1 加入学习
                </div>
            </div>
            <div class="back-top"></div>
         </div>  
     
    </div>
</body>
</html>